<template>
    <view class="leave-list">
        <tr-card margin="0 0 24rpx" border-radius="12rpx" v-for="(item,index) in 50" :key="index">
            <view class="row-content-box">
                <view class="card-row left-box-flex2">
                    <view class="label">{{$t('common.startTime')}}：</view>
                    <view class="value">2025-05-05</view>
                </view>
                <view class="card-row right-box status-box">
                    <up-tag text="正在审核"></up-tag>
<!--                    <up-tag text="正在审核" type="success"></up-tag>-->
<!--                    <up-tag text="正在审核" type="error"></up-tag>-->
                </view>
            </view>
            <view class="card-row">
                <view class="label">{{$t('common.endTime')}}：</view>
                <view class="value">2025-05-05</view>
            </view>
            <view class="card-row">
                <view class="label">{{$t('common.reasonForTakingLeave')}}：</view>
                <view class="value">回家有事情处理</view>
            </view>
        </tr-card>
        
    </view>
</template>
<script setup>
const props = defineProps({
    dataList: {
        type: Array,
        default: () => []
    }
})
</script>
<style scoped lang="scss">
.status-box{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
</style>
